<!--wf-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        用户信息查看
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../../resources/static/manageWeb/css/font.css">
    <link rel="stylesheet" href="../../../resources/static/manageWeb/css/index.css">
    <script src="../../../resources/static/manageWeb/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../../resources/static/manageWeb/js/index.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script src="../../../resources/static/commomsjs/commons.js"></script>
</head>
<body>
<div id="app" class="layui-card">
    <form class="layui-form layui-form-pane" action="" id="add">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">身份信息</li>
                <li>活动信息</li>
            </ul>
            <div class="layui-tab-content" >
                <div class="layui-tab-item layui-show" >
                    <input type="hidden" name="id" value="{$art.id}">
                    <div class="layui-form-item">
                        <label class="layui-form-label">身份证号</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.idcard}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item imgs" id="imgshow">
                        <label  class="layui-form-label">身份证图片
                        </label>
                        <img :src="path+'manageWeb/images/'+userinfo.idcardPicture" id="pimages" name="pimages" style="width: 400px;height: 200px;"/>
                        <input id="avatar"   name="image" required="" type="hidden"  value="images">
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">公司</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.company}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">行业</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.industry.industryName}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">职位</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.profession}}</span></div>
                    </div>
                </div>


                <div class="layui-tab-item">
                    <div class="layui-form-item">
                        <label class="layui-form-label">收藏活动数量</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.collectCount}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">发布数量</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.issueCount}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">参与活动数量</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.joinCount}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">收益</label>
                        <div class="layui-input-block"><span class="layui-input">{{userinfo.earnings}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</body>
<script>
    var app=new Vue({
        el:'#app',
        data:{
            userinfo:{id:0},
            path:"http://localhost:8080/",
            userinfoId:null,
            showPeople:true,
            showMeet:false,
            showTime:false,
            showManage:false
        },
        created:function(){
            this.initUserinfo();

        },
        methods:{
            initUserinfo:function(){
                var id=this.GetQueryString("id");
                axios.get(this.path+"manage/selectAUser?id=" + id)
                    .then(res => {
                        this.userinfo=res.data.data;
                    });
            },
            GetQueryString:function(name)
            {
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if(r!=null)return  unescape(r[2]); return null;
            }
        }
    })
</script>
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('content',{initialFrameWidth:600,initialFrameHeight:400,});
</script>
<script>
    layui.use(['element','layer','form','upload'], function(){
        var  $ = layui.jquery;//jquery
        var lement = layui.element;//面包导航
        var layer = layui.layer;//弹出层
        var form = layui.form;
        var upload = layui.upload;
    })
</script>
</html>